/*通用类*/
*{margin:0;padding:0;}
body{min-width:1200px;margin:0 auto;font-size:16px;font-family:Arial,sans-serif;background:#fff;text-align:justify;color:#333;}
h1,h2,h3{font-weight:500;}
img{border:none;}
a{cursor:pointer;color:#333;outline:none;text-decoration:none!important;}
a:hover{color:#216cdf;text-decoration:underline;}
ul,li{list-style-type:none;}
em{font-style:normal;}
.lt{float:left;}
.rt{float:right;}
input.sub,label{border:none;cursor:pointer;}
input,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;outline:none;}
/*table{border-collapse:collapse;}*/
/*table td,table th{padding:0;}*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{    color:#ccc;}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */    color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */    color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */     color:#ccc;}
div.clear{font: 0px Arial; line-height:0;height:0; overflow:hidden;clear:both;}
.line5{font-size:1px;height:5px;width:100%;clear:both;}
.line10{font-size:1px;height:10px;width:100%;clear:both;}
.line20{font-size:1px;height:20px;width:100%;clear:both;}
/*wrapin 主体容器宽度*/
.wrapin{width:1200px;margin-left:auto;margin-right:auto;}
/*公用CSS 开始*/
.header{height: 145px;}
.header .logo{float: left;display: block;height: 145px; width:290px;}
.header .logo img{display: block;height: 145px;}
/*
.header .logo{float: left;display: block; width:260px; margin-top:35px; border-right:1px solid #666666;}
.header .logo img{display: block;height: 72px;}
.header .logo dl dt{ float:left; width:72px;}
.header .logo dl dd{ float:right; width:130px;}
.header .logo dl dd a{ font-size:30px; font-weight:bold; display:block;}
.header .logo dl dd span{ font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;display:block;}
*/
.header .logo_tip{float: left;padding:40px 0 0 35px;}
.header .logo_tip dt{height: 40px;line-height: 40px;font-size:30px;font-weight: bold;color:#010101;}
.header .logo_tip dd{height: 28px;line-height: 28px;color:#424242;}
.head_tel{float: right;height: 109px;width: 272px;padding-top:36px;padding-left:40px;text-align:right;line-height: 32px;background:url("/static/picture/head_tel.png") no-repeat left center; font-size:14px;}
.head_tel strong{color:#005bac;font-size:30px;font-family:Impact;}
.head_tel span{font-size:25px;color:#005bac;font-family:arial;}
.nav{height: 60px;background:#216cdf;position: relative;}
.nav_in{float: left;position: relative;z-index: 100;}
.nav .par{display: block;font-size:16px;color:#fff;line-height: 60px;padding:0 20px;}
.nav .fg{height: 16px;border-left:1px solid #368cd7;float: left;margin:22px 0 0 0;}
.nav ul{position: absolute;left: 0;z-index: 100;background:#216cdf;width: 170px;display: none;}
.nav_in:hover ul{display: block;}
.nav_in:hover .par,.now_hover .par{background:#2391f3;
    margin-top: -5px;}
.nav li{height: 40px;line-height: 40px;}
.nav li a{display: block;padding-left:10px;font-size:14px;color:#fff;}
.nav li a:hover{background:#1e69ab;}
.nav_in:hover a{ color:#FFFFFF;}
.navls {
    background: #2391f3;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    margin-top: -5px;
}
.banner{position: relative;overflow: hidden;cursor: pointer;height: 500px;width: 100%;}
.banner .pics li{width: 100%;height: 520px;background-repeat:no-repeat;background-position:top center;}
.banner .pics a{display: block;width: 100%;height: 500px;}
.banner .btns{width: 100%;position: absolute;left: 0;bottom: 20px;z-index: 60;text-align: center;}
.banner .btns span{display: inline-block;width: 12px;height: 12px;font-size:1px;margin:0 3px;background:#eee;border-radius:100%;}
.banner .btns .hover{background:#216cdf;}
/*公用CSS 结束*/
.hm_zy{height: 188px;background:#ececec;}
.hm_zy .item{float: left;width: 300px;position: relative;height: 188px;text-align: center;}
.hm_zy .item dt{height: 82px;line-height: 82px;padding-top:28px;font-size:70px; font-family:arial;color:#216cdf;font-weight: bold;}
.hm_zy .item dd{height: 38px;line-height: 38px;font-size:22px;}
.hm_zy .item em{display: inline-block;width: 30px;height: 30px;line-height: 30px;color:#fff;font-size:16px;background:#b4b4b4;border-radius:100%;position: absolute;right: 50px;top: 50%;margin-top:-15px;}
.hm_zy .item:hover em{ background:#216cdf;}
.hm_zy .item:hover dd{ color:#216cdf;}
.hm_head{text-align: center;height: 180px;}
.hm_head .t1{height: 52px;line-height: 52px;padding-top:50px;font-size:38px;font-weight: bold;}
.hm_head .t1 span{color:#216cdf;}
.hm_head .t2{height: 34px;line-height: 34px;font-size:18px;color:#666;}
.hm_pro{width: 1200px;margin:0 auto;position: relative;overflow: hidden;padding-bottom:10px;}
.hm_pro .handle{width: 1250px;height: 88px;}
.hm_pro .btn{border-radius: 10px;width: 222px;height: 66px;line-height: 66px;text-align: center;float: left;margin-right:23px;background:#ebebeb6b;font-size:16px;cursor: pointer;margin-bottom:10px;}
.hm_pro .hover{
    /*color:#fff;*/
background:#ebebeb6b91;}
.hm_pro .con{display: none;width: 1230px;}
.hm_pro .show{display: block;}
/*首页产品*/
.hp_item{width: 380px;height: 336px;float: left;border:3px solid #ffffff;margin:0 20px 0 0;text-align: center;
    z-index: 9;}
.hp_item:hover{/*border-color:#216cdf;*/}
/*.hp_item:hover .name{height: 56px;line-height: 56px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;background:#ebebeb6b; width:100%;}*/
.hp_item .photo{display: block;height: 280px;position: relative;overflow: hidden;border-radius: 20px;}
.hp_item .photo img{display:block;width:100%;height:100%;object-fit:cover;cursor: pointer; transition: all 0.6s;}
.hp_item .photo img:hover{transform: scale(1.05);}
.hp_item .name {height: 50px;line-height: 50px;width: 31.5%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;position: absolute;margin-top: -50px;z-index: 999;background: rgba(0,0,0,0.3);border-radius: 0px 0px 10px 10px;}
.hp_item .name a{color: #fff;}
.name span{color: #fff;}
.hm_zx{height: 1030px;background:url("/static/picture/zxbg.jpg") no-repeat top center;}
.hm_zx .hm_head{color:#fff;}
.hm_zx .hm_head .t2{color:#fff;}
.hm_zx .wp{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.hm_zx .s_list{width: 1250px;}
.zx_item{width: 386px;height: 302px;float: left;margin:86px 21px 21px 0;background:rgb(255 255 255 / 58%);position: relative;}
.zx_item .num{width: 156px;height: 156px;padding:8px;border:1px solid #216cdf;border-radius:100%;position: absolute;left: 50%;margin-left:-87px;top: -86px;cursor: pointer;transition: all 0.2s ;-webkit-transition: all 0.2s ;-ms-transition: all 0.2s ;-o-transition: all 0.2s ;-moz-transition: all 0.2s ;}
.zx_item .numin{width: 156px;height: 156px;background:#216cdf;border-radius:100%;color:#fff;line-height: 156px;text-align: center;font-size:66px;font-family:arial;font-weight: bold;}
.zx_item .num:hover{-webkit-transform: rotate(-360deg);-ms-transform: rotate(-360deg);-o-transform: rotate(-360deg);transform: rotate(-360deg);transition: all 0.2s ;-webkit-transition: all 0.2s ;-ms-transition: all 0.2s ;-o-transition: all 0.2s ;-moz-transition: all 0.2s ;}
.zx_item dl{padding:95px 28px 0 28px;text-align: center;}
.zx_item dt{height: 80px;line-height: 80px;font-size:22px;font-weight: bold;color:#216cdf;}
.zx_item dt span{padding-left:32px;background:url("/static/picture/zx.png") no-repeat left center;}
.zx_item dt em{padding-right:32px;background:url("/static/picture/zx.png") no-repeat right center;}
.zx_item dd{font-size:14px;line-height: 30px;color:#4a4a4a; text-align:left;}
.hm_ys{width: 1200px;margin:0 auto 60px auto;}
.ys_floor .photo{display: block;width: 600px;    border-radius: 30px;}
.ys_floor .inf{width: 520px;padding:0 40px;}
.ys_floor .title{width: 505px;height: 125px;line-height: 125px;font-size:22px;text-indent:112px;background:url("/static/picture/ys_title.jpg") no-repeat left center;}
.ys_floor .tip{padding:10px 10px;line-height: 1.8;}
.ys_floor .tip p{display:inline;color:#216cdf;}
.hm_ad{height: 197px;background:url("/static/picture/hm_ad.jpg") no-repeat top center;}
.hm_al{width: 1200px;margin:0 auto;padding-bottom:50px;}
.hm_al .handle{width: 300px;float: left;}
.hm_al .tit{height: 90px;line-height: 90px;text-align: center;font-size:30px;color:#010101;border:1px solid #d8d8d8;}
.hm_al .btn{height: 83px;line-height: 83px;border:1px solid #d8d8d8;margin-top:-1px;font-size:16px;padding-left:15px;background:url("/static/picture/al_btn.png") no-repeat 243px center;cursor: pointer;border-radius: 10px;overflow: hidden;}
.hm_al .hover{color:#fff;background-color:#216cdf;}
.hm_al .con{float: right;display: none;width: 900px;height: 680px;position: relative;overflow: hidden;
    border-radius: 30px;}
.hm_al .show{display: block;}
.hm_al .bg{display: block;width: 900px;height: 680px;cursor: pointer; transition: all 0.6s;}
.hm_al .bg:hover{transform: scale(1.1)}
.hm_al .inf{position: absolute;left: 0;bottom: 0;z-index: 10;background:rgba(0,0,0,0.3);padding:15px 50px 50px 50px;color:#fff; width:90%; }
.hm_al .inf a{ color:#FFFFFF;}
.hm_al .s1{height: 46px;line-height: 46px;text-align: center;font-size:16px;}
.hm_al .tip{line-height: 1.8;}
.hm_ab{height: 900px;background:url("/static/picture/habbg.jpg") no-repeat top center;}
.hab_top{width: 1200px;margin:0 auto 30px auto; padding:8px;background:#FFFFFF;}
.hab_top .photo{width: 600px;height: 421px;float: left;display: block;}
.hab_top .intro{float: right;width: 540px;color:#000000; height: 410px;position: relative; padding-right:20px;}
.hab_top .s1{height: 68px;line-height: 68px;font-size:20px;font-weight: bold;}
.hab_top p{line-height: 30px;}
.hab_top .more{display: block; font-size:14px;width: 125px;height: 31px;line-height: 31px;background:#216cdf url("/static/picture/ab_more.png") no-repeat 115px center;color:#fff;padding-left:10px;position: absolute;left: 0;bottom: 0;}
/*首页生产实力*/
.hab_slider{width: 1200px;height:194px;margin:0 auto;position: relative;}
.hab_slider .cbtn{width: 54px;height: 54px;position: absolute;top: 50%;margin-top:-27px;z-index: 20;cursor: pointer;}
.hab_slider .pre{left: -68px;background:url("/static/picture/ab_pre.png") no-repeat center center;}
.hab_slider .next{right: -68px;background:url("/static/picture/ab_next.png") no-repeat center center;}
.hab_slider .s_wrap{width: 1212px;height:194px;position: relative;overflow: hidden;}
.hab_slider li{width: 291px;height:194px;float: left;margin-right:12px;position: relative;}
.hab_item{width: 291px;height: 194px;position: relative;overflow: hidden;display: block;}
.hab_item img{display: block;width: 291px;height:194px;cursor: pointer; transition: all 0.6s;}
.hab_item img:hover{transform: scale(1.1);}
.hab_item .name{height: 56px;line-height: 56px;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 10;background:rgba(0,0,0,0.3);text-align: center;font-size:16px;}
.hab_item .name a{ color:#FFFFFF;}
.hab_item:hover .name{background:rgba(0,0,0,0.6);}
.hm_news{padding-bottom:30px;}
.hm_news .wp{width: 1200px;margin:0 auto;padding:0 20px;}
.hm_news .cleft{float: left;width: 366px; }
.hm_news .title{height: 74px;line-height: 74px;font-size:20px;font-weight: bold;color:#484848;}
.hm_news .tp{padding-bottom:20px;border-bottom:1px solid #d6d6d6;margin-bottom:12px;}
.hm_news .photo{display: block;width: 187px;height: 123px;float: left;position: relative;overflow: hidden;}
.hm_news .photo img{display: block;width: 187px;height: 123px;}
.hm_news .name1{float: right;width: 162px;line-height: 30px; font-size:14px;}
.hm_news .u1 li{height: 34px;line-height: 34px;position: relative;clear: both;padding-left:40px; font-size:14px;}
.hm_news .u1 li span{width: 22px;height: 20px;line-height: 20px;text-align: center;background:#909090;position: absolute;left: 0;top: 6px;color:#fff;font-size:12px;}
.hm_news .u1 li:nth-child(1) span,.hm_news .u1 li:nth-child(2) span,.hm_news .u1 li:nth-child(3) span{background:#2454ac;}
.hm_news .u1 a{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm_news .cright{width: 380px;float: right;}
.hm_news .cright dl{padding-bottom:10px;}
.hm_news .cright dt{height: 30px;line-height: 30px;position: relative;}
.hm_news .cright dd{line-height: 20px;font-size:12px;color:#999;position: relative;}
.hm_news .cright dt em{display: inline-block;width: 20px;height: 20px;border-radius:5px;color:#fff;line-height: 20px;text-align: center;position: absolute;top: 6px;left: -25px;background:#07499c;}
.hm_news .cright dd em{display: inline-block;width: 20px;height: 20px;border-radius:5px;color:#fff;line-height: 20px;text-align: center;position: absolute;top: 0px;left: -25px;background:#404040;}
.hm_news .cright dd a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm_news .cct{float: left;width: 370px;margin-left:20px; }
.vss{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ne_item:hover .date{ background:#666666;}
.ne_item{height: 82px;margin-bottom:20px;}
.ne_item .date{float: left;width: 70px;height: 84px;background:#eaeaea;text-align: center;color:#cecece;}
.ne_item .date dt{height: 54px;line-height: 54px;font-size:40px;}
.ne_item .date dd{height: 28px;line-height: 28px;font-size:14px;}
.ne_item .ins{float: right;width: 265px;padding-right:10px;}
.ne_item .ins dt{height: 34px;line-height: 34px;}
.ne_item .name{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ne_item .ins dd{font-size:12px;line-height: 22px;color:#999;height: 44px;display:-webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
.fri_links{border-top:1px solid #f3f3f3;padding-top:16px; font-size:14px;}
.fri_links .title{height: 44px;line-height: 44px;border-bottom:1px solid #a7a7a7;font-size:16px;}
.fri_links .links{padding:15px 0;line-height: 30px;}
.fri_links .links a{float: left;margin-right:25px;color:#666;}
.fri_links .links a:hover{color:#216cdf;}
.footer_top{background:#353535; font-size:14px; }
.ft_left{width: 335px;float: left;border-right:1px solid #444;margin-top:30px;height:260px;margin-right:40px;  padding-right:15px;}
.ft_left .ft_logo{  display:block;}
.ft_left li{line-height: 28px;color:#ccc; 	}
.w1{width: 150px; }
.w2{ width:350px; height:170px; }
.w3{
    width: 200px;
}
.ft_nav2{float: left;padding-top:44px;}
.ft_nav2 dt{height: 40px;line-height: 40px;font-size:16px;color:#fff;}
.ft_nav2 dd{height: 32px;line-height: 32px; float:left; width:50%;}
.ft_nav2 dd a{color:#ccc;}
.ft_nav2 dd a:hover{color:#fff;}


.ft_nav{float: left;padding-top:44px;}
.ft_nav dt{height: 40px;line-height: 40px;font-size:16px;color:#fff;}
.ft_nav dd{height: 32px;line-height: 32px;}
.ft_nav dd a{color:#ccc;}
.ft_nav dd a:hover{color:#fff;}


.ft_code{float: left;width: 137px;text-align: center;margin-top:55px;}
.ft_code dt{height: 137px;}
.ft_code img{display: block;width: 137px;height: 137px;}
.ft_code dd{color:#fff;height: 40px;line-height: 40px;}
.footer_copy{height: 70px; font-size:14px;line-height: 70px;background:#2e2e2e;text-align: center;color:#666666; }
.footer_copy a{ color:#FFFFFF;color:#666666;}
.nybanner { height:360px; width:100%; background-position:center;}
.news_banner{height: 360px;background:url("/static/picture/news_banner.jpg") no-repeat top center;}
.main{width: 1200px;margin:0 auto;padding:30px 0 50px 0;}
.aside{width: 240px;float: left;}

/*新闻左边*/
.as_news .head{height: 98px;background:#216cdf url("/static/picture/as_tit.png") no-repeat 38px center;border-radius:8px 8px 0 0;line-height: 98px;color:#fff;font-size:20px;padding-left:74px;}
.as_news .head em{font-size:12px;padding-left:3px;}
.as_news .link{display: block;border-top:1px solid #fff;height: 55px;line-height: 55px;background:#ebebeb6b6b url("/static/picture/as_link.png") no-repeat 218px center;padding-left:24px;font-size:16px;}
.as_news .link:hover,.as_news .hover{color:#fff;background:#216cdf url("/static/picture/as_link2.png") no-repeat 218px center;}
.as_pro{margin-top:30px;background:#ebebeb6b; padding-bottom:15px;}
.as_pro .title{height: 50px;line-height: 50px;background:#216cdf;font-size:16px;color:#fff;padding:0 20px;}

.as_item{display: block;margin:12px auto 0 auto;width: 220px;text-align: center; border:1px solid #FFFFFF;}
.as_item:hover{ border:1px solid #216cdf;}
.as_item:hover a{ color:#216cdf;}
.as_item img{display: block;width: 100%;height: 165px;}
.as_item .name{line-height: 36px;display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.as_tel{margin-top:10px;background:#216cdf url("/static/picture/as_tel.png") no-repeat 20px center;color:#fff;height: 94px;border-radius:0 0 10px 10px;}
.as_tel dl{padding:25px 0 0 70px;}
.as_tel dt{height: 20px;line-height: 20px;}
.as_tel dd{height: 30px;line-height: 30px;font-size:24px;font-family:arial;}
.section{width: 928px;float: right;}
.now_pos{height: 50px;line-height: 50px;border:1px solid #ebebeb6b;background:#ebebeb6b;position: relative;padding-left:28px;}
.now_pos i{display: block;width: 7px;height: 16px;position: absolute;left: 12px;top: 50%;background:#333;margin-top:-8px;}

/*新闻带时间*/
.ne_item2{margin-top:22px;border:1px solid #d8d8d8;display: block;padding:16px 12px;}
.ne_item2 .date{float: left;width: 100px;height: 110px;text-align: center;background:#bebebe;color:#fff;}
.ne_item2 .date dt{height: 58px;padding-top:12px;line-height: 58px;font-size:52px;}
.ne_item2 .date dd{height: 32px;line-height: 32px;}
.ne_item2 .inf{width: 750px;float: right;padding-right:30px;}
.ne_item2 .inf dt{height: 40px;line-height: 40px;font-size:16px;}
.ne_item2 .name{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ne_item2 .inf dd{font-size:14px;line-height: 26px;color:#666;}
.ne_item2:hover{border-color:#216cdf;}
.ne_item2:hover a{color:#216cdf;}
.ne_item2:hover .date{background:#216cdf;}


/*新闻带图*/
.ne_item3{margin-top:22px;border:1px solid #d8d8d8;display: block;padding:16px 12px;}
.ne_item3 .date{float: left;width: 220px;height: 165px;text-align: center;background:#bebebe;color:#fff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
    
}
.ne_item3 .date img{ 
    display: block;
    width: 98%;
}

.ne_item3 .inf{width: 620px;float: right;padding-right:30px;}
.ne_item3 .inf dt{height: 40px;line-height: 40px;font-size:16px;}
.ne_item3 .name{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ne_item3 .inf dd{font-size:14px;line-height: 26px;color:#666;}
.ne_item3:hover{border-color:#216cdf;}
.ne_item3:hover a{color:#216cdf;}


/*产品中心*/
.hm_sch{ height:194px;}
.hm_cph{height:215px;}
.hm_cplist{ margin-top:10px;}
.hm_cplist ul{ margin-left:-20px;}
.hm_cplist dl{ border:3px solid #FFFFFF; width:290px; float:left; margin-left:20px; margin-top:10px;}
.hm_cplist img{ width:290px;  }
.hm_cplist dl dd{ padding-top:5px; text-align:center; height:40px; font-size:16px;}
.hm_cplist dl:hover{ border:3px solid #216cdf70; background:#e5e4e46b;}
.hm_cplist dl:hover a{ color:#216cdf;}

/*热门新闻*/
.hm_hotnews{ background:#216cdf; height:40px; line-height:40px;}
.hm_hotnews p{ padding-left:20px; color:#FFFFFF;}
.hm_hotlist{  }
.hm_hotlist dl{ float:left; width:50%;margin-top:10px;}
.hm_hotlist dl dt{ float:left; font-size:14px;}
.hm_hotlist dl dd{ float:left; font-size:14px;}

/*荣誉*/
.hm_nyys{ margin-top:10px; }
.hm_nyys img{ text-align:center;}

/*.det_title{text-align: center; margin-bottom:20px; padding:40px 0 20px 0;font-size:26px;color:#333; border-bottom:1px dotted #CCCCCC;}*/
.det_title {
    text-align: center;
    margin-bottom: 0px;
    padding: 20px 0 10px 0;
    font-size: 26px;
    color: #333;
    border-bottom: 1px dotted #cccccc8a;
}
.fbt{
    width: 100%;
    height: auto;
    display: block;
    color: #09090978;
    font-size: 14px;
    padding-left: 30px;
    padding-top: 5px;
}
.det_cnt{margin-bottom:10px; margin-top:30px; padding:0 25px;}

.det_cnt p{
    font-size: 16px;
    line-height: 25px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.det_cnt img{
    /*width: 100%!important;*/
    height: auto!important;
    max-width: 650px;
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.det_cnt p img{
    max-width: 600px;
    height: auto!important;
    max-width: 650px;
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.submian .subright {
    width: 930px;
}
.showproduct .tod {
    position: relative;
    padding: 12px 20px 16px 20px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eee;
}
.showproduct .showImg {
    position: relative;
    width: 400px;
    height: auto;
    overflow: hidden;
    margin-right: 26px;
}
.showproduct .showImg .showImg_top {
    width: 400px;
    height: 300px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
}
.swiper-container-pointer-events {
    touch-action: pan-y;
} 
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
} 
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
} 
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.showproduct .showImg .showImg_top .swiper-slide img {
    width: 100%;
    /* height: 100%; */
    display: block;
    cursor: pointer;
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
} 
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.showproduct .showImg .showImg_top .swiper-slide img {
    width: 100%;
    /* height: 100%; */
    display: block;
    cursor: pointer;
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.showproduct .showImg .showImg_top .swiper-slide img {
    width: 100%;
    /* height: 100%; */
    display: block;
    cursor: pointer;
}
.showproduct .showImg .showImg_top .swiper-pagination-fraction {
    color: #fff;
    bottom: 6px;
    text-align: right;
    padding-right: 10px;
    text-shadow: 0 0 5px #000;
    box-sizing: border-box;
} 
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
} 
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.showproduct .showImg .showImg_top .swiper-pagination-fraction {
    color: #fff;
    bottom: 6px;
    text-align: right;
    padding-right: 10px;
    text-shadow: 0 0 5px #000;
    box-sizing: border-box;
} 
/*产品详情*/
.showproduct .tod{position: relative;padding: 12px 20px 16px 20px;margin-bottom: 15px;background: #fff;border: 1px solid #eee;}
.showproduct .showImg{position: relative;width: 400px;height: auto;overflow: hidden;margin-right: 26px;}
.showproduct .showImg .showImg_top{width: 400px;height: 300px;border: 1px solid #e7e7e7;box-sizing: border-box;}
.showproduct .showImg .showImg_top .swiper-slide img{width: 100%;/*height: 100%;*/display: block;cursor: pointer;}
.showproduct .showImg .showImg_top .swiper-prev,.showproduct .showImg .showImg_top .swiper-next{width: 20px;height: 20px;border: 2px solid #fff;transform: rotate(45deg);box-sizing: border-box;position: absolute;top: 50%;margin-top: -10px;z-index: 22;cursor: pointer;outline: none;}
.showproduct .showImg .showImg_top .swiper-prev{left: 4%;border-style: none none solid solid;}
.showproduct .showImg .showImg_top .swiper-next{right: 4%;border-style: solid solid none none;}
.showproduct .showImg .showImg_top .swiper-pagination-fraction{color: #fff;bottom: 6px;text-align: right;padding-right: 10px;text-shadow: 0 0 5px #000;box-sizing: border-box;}
.showproduct .showImg .showImg_top h3{position: absolute;left: 10px;bottom: 5px;color: #fff;z-index: 11;padding-left: 22px;background: url(/static/images/click.png) no-repeat center left;background-size: 18px;text-shadow: 0 0 5px #000;}
.showproduct .showImg .showImg_thumbs{margin-top: 10px;height: auto;box-sizing: border-box;}
.showproduct .showImg .showImg_thumbs .swiper-slide{width: 92.5px!important;height: 68px;margin-right: 10px;border: 1px solid #e7e7e7;box-sizing: border-box;cursor: pointer;transition: all .5s;}
.showproduct .showImg .showImg_thumbs .swiper-slide img{width: 90.5px;height: 66px;border: 1px solid #fff;box-sizing: border-box;}
.showproduct .showImg .showImg_thumbs .swiper-slide-thumb-active {border-color: #fac12c;}
.showproduct .baseInfo{width: 460px;}
.showproduct .baseInfo .t{height: 40px;font-size: 24px;line-height: 40px;color: #454545;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px dotted #e6e6e6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.showproduct .baseInfo .desc{color: #666;line-height: 24px;font-size: 14px;max-height: 208px;margin-bottom: 76px;text-align: justify;overflow: hidden;}
.showproduct .baseInfo .webtel{width: 460px;height: 32px;border-top: 2px solid #e6e6e6;padding-top: 10px;position: absolute;bottom: 16px;right: 18px;}
.showproduct .baseInfo .webtel .tel{height: 45px;padding-left: 70px;background: url(../images/por_tel.png) no-repeat 10px center;font-size: 16px;line-height: 22px;color: #454545;}
.showproduct .baseInfo .webtel .tel strong{display: block;color: #fac12c;font-size: 24px;}
.showproduct .baseInfo .webtel a{float: right;width: 120px;color: #fff;font-size: 16px;line-height: 45px;text-align: center;background: #fac12c;}
.showproduct .pro_tit{position: relative;}
.showproduct .pro_tit h2{font-size: 24px;background: #f2f2f2;padding: 12px;color: #000;font-weight: normal;margin: 40px 0 20px;}
.showproduct .pro_tit h2:after{content: "";position: absolute;width: 3px;height: 22px;background: #fac12c;left: 0;top: 15px;}
.showproduct .pro_tit h2 span{font-weight: normal;color: #d6d6d6;display: inline-block;margin-left: 10px;text-transform: uppercase;font-size: 18px;}
.fbt {width: 100%;height: auto;display: block;color: #09090978;font-size: 14px;padding-left: 0px!important;padding-top: 1px;padding-bottom: 3px;}
/*上一条下一条*/
.de_topnext{  margin-bottom:20px; padding-left:25px;}
.de_topnext li{ line-height:35px;}

.det_head{ height: 45px;line-height: 45px;background:url("/static/picture/det_head.jpg") no-repeat left center;font-size:18px;color:#fff;padding-left:20px;}
.det_head2{ height: 45px;line-height: 45px;background:url("/static/picture/det_head2.jpg") no-repeat left center;font-size:18px;color:#fff;padding-left:20px;}
.det_cnt2{font-size:16px;line-height: 35px; margin-bottom:10px; margin-top:10px;}

/*软化水设备*/
.scl_head{ text-align:center;}
.scl_head dt{ font-weight:bold; color:#216cdf; font-size:40px; margin-top:20px;}
.scl_head dd{ color:#999999; line-height:28px;}

.hm_scl{font-size:20px;line-height: 35px; margin-bottom:10px; margin-top:10px;}
.hm_scl ul{  margin-left:-17px;}

.hm_scl dl{ float:left; margin-left:17px;}
.hm_scl dl dt img{ width:295px; height:195px;}
.hm_scl dl dd{ text-align:center; line-height:45px; margin-bottom:20px; background:#216cdf;border-radius:25px; color:#FFFFFF;}

/*反渗透详情物流*/
.hm_sclfsc{font-size:20px;line-height: 35px; margin-bottom:10px; margin-top:10px;}
.hm_sclfsc ul{  margin-left:-17px;}

.hm_sclfsc dl{ float:left; margin-left:17px; margin-bottom:8px;}
.hm_sclfsc dl dt img{ width:298px; height:195px;}

.hm_sclfsc li{ float:left; margin-left:17px; margin-bottom:8px;}
.hm_sclfsc li dt img{ width:455px; height:195px;}


/*厂房半成品加工车间*/
.hm_cffsc{font-size:20px;line-height: 35px; margin-bottom:10px; margin-top:10px;}
.hm_cffsc ul{  margin-left:-17px;}

.hm_cffsc dl{ float:left; margin-left:17px; margin-bottom:8px;}
.hm_cffsc dl dt img{ width:455px; height:298px;}

/*反渗透详情案例*/
.nl_scl{font-size:20px;line-height: 35px; margin-bottom:10px; margin-top:10px;}
.nl_scl ul{  margin-left:-17px;}

.nl_scl dl{ float:left; margin-left:17px;}
.nl_scl dl dt img{width:455px; height:298px;}
.nl_scl dl dd{ font-size:16px; text-align:center; margin-bottom:20px;/* background:#216cdf;border-radius:25px; color:#FFFFFF;*/}



.det_ys{margin-top:30px;}
.det_ys .photo{display: block;width: 50%;}
.det_ys .inf{width: 424px;padding:0 20px;}
.det_ys .title{width: 404px;height: 100px;line-height: 100px;font-size:18px;text-indent:92px;background:url("/static/picture/ys_title2.jpg") no-repeat left center;}
.det_ys .tip{padding:10px 0px;line-height:30px;font-size:14px;}
.det_ys .tip p{display:inline;color:#216cdf;}

.det_way .cleft{float: left;width: 414px;padding:10px 0 0 10px;}
.det_way .tit{height: 70px;line-height: 70px;font-size:18px;}
.det_way li{position: relative;padding-left:60px;height: 65px;border-bottom:1px solid #ccc;font-size:15px;color:#484848;line-height: 65px;}
.det_way li img{display: block;position: absolute;left: 0;top: 10px;}
.det_way .map{width: 450px;height: 450px;float: right;border:1px solid #ccc;margin-top:20px;}


/*分页*/
.page{text-align: center;margin-top:30px; margin-bottom:30px;}
.page a { padding:0px 5px 0; color:#646464; line-height:28px; font-size:14px; display:inline-table; border:1px solid #ccc; padding-left:8px; padding-right:8px; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #efefef 100%); /* W3C */ }
.page a:hover { color:#fff; background:#646464; border:1px solid #444444; }


/*右边QQ客服代码main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:1px; background:url(picture/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(picture/r_qq.png) 0px 0px no-repeat; background-color:#216cdf;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(picture/r_qq.png) 0px 0px no-repeat; background-color:#216cdf; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(picture/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(picture/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(picture/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.STYLE4 {color: #FFFFFF; font-weight: bold; font-size: 20px; }
.STYLE1 {color: #FFFFFF}

.time{
    color:#6666666e!important;
    font-size: 12px!important;
}